<template>
  <cj-popup v-model="openQrcode" round class="c-ww540 c-flex-column c-flex-center c-pv30">
    <div class="c-ww300 c-fc-xblack c-fs24 c-textAlign-c c-pb30">长按识别二维码</br>关注公众号后获取开播提醒</div>
    <img v-if="imgurl" class="c-ww300" :src="$addXossFilter(imgurl)" />
    <div @click="getChange" class="c-pa c-pz1002 c-p-t0 c-p-r0 c-ww40 c-opacity50 c-bg-ccc c-fs16 c-br-bl20 c-hh40 c-flex-row c-flex-center">
      <i class="iconfont c-fc-white">&#xe8fd;</i>
    </div>
  </cj-popup>
</template>

<script>

export default {
  name: "subscribeQrcode",
  components: {
  },
  props: {
  },
  data() {
    return {
      openQrcode: false,
      imgurl: '',
      isbottom:0
    };
  },
  methods: {
    public_openQrcode(url, isbottom) {
      this.imgurl = url;
      this.openQrcode = true;
      this.isbottom = isbottom
    },
    getChange() {
      this.openQrcode = false;
      this.$emit('getChange', this.isbottom);
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only  -->
<style scoped>
</style>
